<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>公共卫生与医学技术学院 - 厦门医学院</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        a {
            text-decoration: none;
            color: #0066cc;
        }
        
        a:hover {
            color: #ff6600;
        }
        
        ul {
            list-style: none;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
        
        /* 头部样式 */
        header {
            background: linear-gradient(135deg, #1a5fb4, #2d7bc4);
            color: white;
            padding: 30px 0;
        }
        
        .header-content {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .logo-title h1 {
            font-size: 28px;
            margin-bottom: 5px;
        }
        
        .logo-title p {
            font-size: 16px;
            opacity: 0.9;
        }
        
        .search-box {
            display: flex;
        }
        
        .search-box input {
            padding: 8px 12px;
            border: none;
            border-radius: 4px 0 0 4px;
            width: 200px;
        }
        
        .search-box button {
            background: #ff6600;
            color: white;
            border: none;
            padding: 8px 15px;
            border-radius: 0 4px 4px 0;
            cursor: pointer;
        }
        
        /* 导航样式 */
        nav {
            background: #1a5fb4;
        }
        
        .nav-container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .main-nav {
            display: flex;
        }
        
        .main-nav > li {
            position: relative;
        }
        
        .main-nav > li > a {
            display: block;
            color: white;
            padding: 15px 20px;
            font-size: 16px;
            transition: background 0.3s;
        }
        
        .main-nav > li > a:hover {
            background: #15549c;
        }
        
        .sub-nav {
            position: absolute;
            top: 100%;
            left: 0;
            background: white;
            min-width: 200px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: none;
            z-index: 100;
        }
        
        .main-nav li:hover .sub-nav {
            display: block;
        }
        
        .sub-nav li a {
            display: block;
            padding: 10px 15px;
            color: #333;
            border-bottom: 1px solid #eee;
        }
        
        .sub-nav li a:hover {
            background: #f0f8ff;
            color: #1a5fb4;
        }
        
        /* 轮播图样式 */
        .banner {
            max-width: 1200px;
            margin: 20px auto;
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }
        
        .banner img {
            width: 100%;
            display: block;
        }
        
        .banner-controls {
            position: absolute;
            bottom: 20px;
            left: 0;
            right: 0;
            text-align: center;
        }
        
        .banner-controls button {
            background: rgba(255,255,255,0.7);
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            margin: 0 10px;
            cursor: pointer;
            font-size: 18px;
            color: #1a5fb4;
        }
        
        /* 主要内容区域 */
        main {
            max-width: 1200px;
            margin: 30px auto;
            padding: 0 20px;
        }
        
        .content-section {
            margin-bottom: 40px;
        }
        
        .section-title {
            font-size: 22px;
            color: #1a5fb4;
            padding-bottom: 10px;
            margin-bottom: 20px;
            border-bottom: 2px solid #1a5fb4;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .section-title a {
            font-size: 14px;
            font-weight: normal;
        }
        
        /* 三栏布局 */
        .three-columns {
            display: flex;
            gap: 20px;
        }
        
        .three-columns > article {
            flex: 1;
            background: white;
            padding: 20px;
            border-radius: 6px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }
        
        .news-list li {
            padding: 12px 0;
            border-bottom: 1px dashed #eee;
        }
        
        .news-list li:last-child {
            border-bottom: none;
        }
        
        .news-list time {
            color: #999;
            font-size: 14px;
            margin-left: 10px;
        }
        
        .research-item {
            margin-bottom: 20px;
        }
        
        .research-item img {
            width: 100%;
            height: 180px;
            object-fit: cover;
            border-radius: 4px;
            margin-bottom: 10px;
        }
        
        .research-item h3 {
            font-size: 16px;
            margin-bottom: 8px;
        }
        
        .research-item p {
            font-size: 14px;
            color: #666;
        }
        
        .activity-item {
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 1px dashed #eee;
        }
        
        .activity-item:last-child {
            border-bottom: none;
        }
        
        .activity-item h3 {
            font-size: 16px;
            margin-bottom: 8px;
        }
        
        .activity-item p {
            font-size: 14px;
            color: #666;
            margin-bottom: 5px;
        }
        
        /* 两栏布局 */
        .two-columns {
            display: flex;
            gap: 20px;
        }
        
        .two-columns > article {
            flex: 2;
            background: white;
            padding: 20px;
            border-radius: 6px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }
        
        .two-columns > aside {
            flex: 1;
            background: white;
            padding: 20px;
            border-radius: 6px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }
        
        .news-with-img {
            display: flex;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 1px dashed #eee;
        }
        
        .news-with-img:last-child {
            border-bottom: none;
        }
        
        .news-img {
            width: 120px;
            height: 80px;
            margin-right: 15px;
            border-radius: 4px;
            overflow: hidden;
        }
        
        .news-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .news-content h3 {
            font-size: 16px;
            margin-bottom: 8px;
        }
        
        .news-content time {
            color: #999;
            font-size: 14px;
            margin-bottom: 5px;
            display: block;
        }
        
        .news-content p {
            font-size: 14px;
            color: #666;
        }
        
        .teacher-item {
            display: flex;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 1px dashed #eee;
        }
        
        .teacher-item:last-child {
            border-bottom: none;
        }
        
        .teacher-photo {
            width: 100px;
            height: 140px;
            margin-right: 15px;
            border-radius: 4px;
            overflow: hidden;
        }
        
        .teacher-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .teacher-info h3 {
            font-size: 16px;
            margin-bottom: 8px;
        }
        
        .teacher-info p {
            font-size: 14px;
            color: #666;
        }
        
        /* 底部样式 */
        footer {
            background: #333;
            color: #fff;
            padding: 40px 0 20px;
        }
        
        .footer-content {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: flex;
            justify-content: space-between;
        }
        
        .contact-info h2 {
            font-size: 18px;
            margin-bottom: 15px;
            color: #fff;
        }
        
        .contact-info address p {
            margin-bottom: 8px;
            font-style: normal;
        }
        
        .copyright {
            text-align: center;
            margin-top: 30px;
            padding-top: 20px;
            border-top: 1px solid #555;
            font-size: 14px;
            color: #ccc;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .header-content {
                flex-direction: column;
                text-align: center;
            }
            
            .logo-title {
                margin-bottom: 15px;
            }
            
            .main-nav {
                flex-wrap: wrap;
            }
            
            .three-columns, .two-columns {
                flex-direction: column;
            }
            
            .footer-content {
                flex-direction: column;
                text-align: center;
            }
            
            .contact-info {
                margin-bottom: 20px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <!-- 头部区域 -->
        <header>
            <div class="header-content">
                <div class="logo-title">
                    <h1>厦门医学院公共卫生与医学技术学院</h1>
                    <p>School of Public Health and Medical Technology, Xiamen Medical College</p>
                </div>
                <div class="search-box">
                    <input type="text" placeholder="搜索...">
                    <button>搜索</button>
                </div>
            </div>
        </header>

        <!-- 导航菜单 -->
        <nav>
            <div class="nav-container">
                <ul class="main-nav">
                    <li><a href="index.html">首页</a></li>
                    <li>
                        <a href="about.html">学院概况</a>
                        <ul class="sub-nav">
                            <li><a href="about/intro.html">学院简介</a></li>
                            <li><a href="about/history.html">历史沿革</a></li>
                            <li><a href="about/leadership.html">领导班子</a></li>
                            <li><a href="about/honor.html">荣誉资质</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="organization.html">机构设置</a>
                        <ul class="sub-nav">
                            <li><a href="organization/teaching.html">教学机构</a></li>
                            <li><a href="organization/research.html">科研机构</a></li>
                            <li><a href="organization/labs.html">实验室</a></li>
                            <li><a href="organization/office.html">行政办公室</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="faculty.html">师资队伍</a>
                        <ul class="sub-nav">
                            <li><a href="faculty/professors.html">教授团队</a></li>
                            <li><a href="faculty/associate.html">副教授团队</a></li>
                            <li><a href="faculty/lecturers.html">讲师团队</a></li>
                            <li><a href="faculty/talents.html">人才引进</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="education.html">教育教学</a>
                        <ul class="sub-nav">
                            <li><a href="education/undergraduate.html">本科教育</a></li>
                            <li><a href="education/courses.html">课程建设</a></li>
                            <li><a href="education/practice.html">实践教学</a></li>
                            <li><a href="education/quality.html">质量工程</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="research.html">科学研究</a>
                        <ul class="sub-nav">
                            <li><a href="research/direction.html">研究方向</a></li>
                            <li><a href="research/projects.html">科研项目</a></li>
                            <li><a href="research/achievements.html">科研成果</a></li>
                            <li><a href="research/academic.html">学术交流</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="students.html">学生工作</a>
                        <ul class="sub-nav">
                            <li><a href="students/activities.html">学生活动</a></li>
                            <li><a href="students/awards.html">学生获奖</a></li>
                            <li><a href="students/employment.html">就业情况</a></li>
                            <li><a href="students/guidance.html">就业指导</a></li>
                        </ul>
                    </li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
            </div>
        </nav>

        <!-- 轮播图 -->
        <div class="banner">
            <img src="https://via.placeholder.com/1200x400/1a5fb4/ffffff?text=厦门医学院公共卫生与医学技术学院" alt="学院 banner">
            <div class="banner-controls">
                <button aria-label="上一张">←</button>
                <button aria-label="下一张">→</button>
            </div>
        </div>

        <!-- 主要内容区域 -->
        <main>
            <!-- 核心三栏区 -->
            <section class="content-section">
                <div class="three-columns">
                    <!-- 左栏：通知公告 -->
                    <article>
                        <h2 class="section-title">通知公告 <a href="news/announcements.html">更多 →</a></h2>
                        <ul class="news-list">
                            <li>
                                <a href="news/announcement1.html">关于2025年秋季学期教学安排的通知</a>
                                <time datetime="2025-06-15">2025-06-15</time>
                            </li>
                            <li>
                                <a href="news/announcement2.html">公共卫生与医学技术学院2025年科研项目申报指南</a>
                                <time datetime="2025-06-10">2025-06-10</time>
                            </li>
                            <li>
                                <a href="news/announcement3.html">关于举办"医学前沿讲座"系列活动的通知</a>
                                <time datetime="2025-06-05">2025-06-05</time>
                            </li>
                            <li>
                                <a href="news/announcement4.html">2025年暑期实验室安全培训安排</a>
                                <time datetime="2025-05-28">2025-05-28</time>
                            </li>
                            <li>
                                <a href="news/announcement5.html">公共卫生与医学技术学院教师教学能力提升计划</a>
                                <time datetime="2025-05-20">2025-05-20</time>
                            </li>
                        </ul>
                    </article>

                    <!-- 中栏：科研动态 -->
                    <article>
                        <h2 class="section-title">科研动态 <a href="research/dynamics.html">更多 →</a></h2>
                        <div class="research-item">
                            <img src="https://via.placeholder.com/280x180/1a5fb4/ffffff?text=科研项目" alt="科研项目图片">
                            <h3><a href="research/project1.html">公共卫生领域研究团队在疾病预防控制方面取得新突破</a></h3>
                            <p>本研究团队在公共卫生与疾病预防控制研究方面取得重要进展，相关成果发表于国际知名期刊《The Lancet Public Health》。</p>
                        </div>
                        <div class="research-item">
                            <img src="https://via.placeholder.com/280x180/1a5fb4/ffffff?text=科研成果" alt="科研成果图片">
                            <h3><a href="research/project2.html">医学技术实验室在检测方法创新方面取得重要进展</a></h3>
                            <p>医学技术研究团队在新型检测技术研发方面取得突破性进展，为临床诊断提供了更加精准、快速的技术支持。</p>
                        </div>
                    </article>

                    <!-- 右栏：学术活动 -->
                    <article>
                        <h2 class="section-title">学术活动 <a href="academic/activities.html">更多 →</a></h2>
                        <div class="activity-item">
                            <h3><a href="academic/activity1.html">"公共卫生前沿"系列讲座：全球健康治理新趋势</a></h3>
                            <p><time datetime="2025-06-25 14:00">2025年6月25日 14:00</time></p>
                            <p>地点：公共卫生学院301报告厅</p>
                            <p>主讲人：王明 教授</p>
                        </div>
                        <div class="activity-item">
                            <h3><a href="academic/activity2.html">医学技术创新与应用研讨会</a></h3>
                            <p><time datetime="2025-07-05 09:00">2025年7月5日 09:00</time></p>
                            <p>地点：医学院学术交流中心</p>
                            <p>主办单位：公共卫生与医学技术学院科研办公室</p>
                        </div>
                    </article>
                </div>
            </section>

            <!-- 内容两栏区 -->
            <section class="content-section">
                <div class="two-columns">
                    <!-- 左栏：学院新闻 -->
                    <article>
                        <h2 class="section-title">学院新闻 <a href="news/college.html">更多 →</a></h2>
                        <div class="news-with-img">
                            <div class="news-img">
                                <img src="https://via.placeholder.com/120x80/1a5fb4/ffffff?text=新闻图片" alt="新闻图片">
                            </div>
                            <div class="news-content">
                                <h3><a href="news/news1.html">公共卫生与医学技术学院举办2025年教学成果展</a></h3>
                                <time datetime="2025-06-12">2025-06-12</time>
                                <p>近日，公共卫生与医学技术学院成功举办2025年教学成果展，展示了近年来在教学改革、课程建设和人才培养方面取得的丰硕成果。</p>
                            </div>
                        </div>
                        <div class="news-with-img">
                            <div class="news-img">
                                <img src="https://via.placeholder.com/120x80/1a5fb4/ffffff?text=新闻图片" alt="新闻图片">
                            </div>
                            <div class="news-content">
                                <h3><a href="news/news2.html">我院校友捐赠设立"公共卫生发展基金"</a></h3>
                                <time datetime="2025-05-30">2025-05-30</time>
                                <p>在2025年校庆期间，我院校友捐赠设立"公共卫生发展基金"，用于支持学院学科建设和人才培养工作。</p>
                            </div>
                        </div>
                    </article>

                    <!-- 右栏：师资队伍 -->
                    <aside>
                        <h2 class="section-title">师资队伍 <a href="faculty/all.html">更多 →</a></h2>
                        <div class="teacher-item">
                            <div class="teacher-photo">
                                <img src="https://via.placeholder.com/100x140/1a5fb4/ffffff?text=教师照片" alt="张华教授">
                            </div>
                            <div class="teacher-info">
                                <h3><a href="faculty/zhanghua.html">张华 教授</a></h3>
                                <p>研究方向：公共卫生政策、健康促进</p>
                            </div>
                        </div>
                        <div class="teacher-item">
                            <div class="teacher-photo">
                                <img src="https://via.placeholder.com/100x140/1a5fb4/ffffff?text=教师照片" alt="李伟教授">
                            </div>
                            <div class="teacher-info">
                                <h3><a href="faculty/liwei.html">李伟 教授</a></h3>
                                <p>研究方向：医学检验技术、分子诊断</p>
                            </div>
                        </div>
                    </aside>
                </div>
            </section>
        </main>

        <!-- 底部区域 -->
        <footer>
            <div class="footer-content">
                <div class="contact-info">
                    <h2>联系方式</h2>
                    <address>
                        <p>地址：福建省厦门市集美区厦门医学院公共卫生与医学技术学院</p>
                        <p>电话：<a href="tel:0592-1234567">0592-1234567</a>（办公室）</p>
                        <p>邮箱：<a href="mailto:publichealth@xmmc.edu.cn">publichealth@xmmc.edu.cn</a></p>
                    </address>
                </div>
                <div class="quick-links">
                    <h2>快速链接</h2>
                    <ul>
                        <li><a href="sitemap.html">网站地图</a></li>
                        <li><a href="contact.html">联系我们</a></li>
                        <li><a href="faq.html">常见问题</a></li>
                    </ul>
                </div>
            </div>
            <div class="copyright">
                <p>© 2025 厦门医学院公共卫生与医学技术学院 版权所有</p>
                <p>闽ICP备12345678号</p>
            </div>
        </footer>
    </div>
</body>
</html>